extends ../../layout.pug

block style 
  link(rel="stylesheet", href="/stylesheets/webapi/ResizeObserverAPI.css")
block prevScript 

block content
  div.resizeObserver1#resizeObserver1
  div.resizeObserver2#resizeObserver2
    h1 So what happened
    p And remember, don't do anything that affects anything, unless it turns out you were supposed to, in which case, for the love of God, don't not do it! Ow, my spirit! I don't want to be rescued. You guys aren't Santa! You're not even robots. I've got to find a way to escape the horrible ravages of youth. Suddenly, I'm going to the bathroom like clockwork, every three hours. And those jerks at Social Security stopped sending me checks. Now 'I' have to pay 'them'!
    form
      div
        label Observer enabled:
        input(type="checkbox" checked)
      div
        label Adjust width:
        input(type="range" value="600" min="300" max="1300")

  include ../documentPath.pug
  script(src="/javascripts/webapi/ResizeObserverAPI/index.js") 